<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>支付界面</title>
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
</head>
<body>

	<header>
		<div class="header">
			<div class="head">
				<div class="left">
					<p>全国免费热线：400-635-8880</p>
				</div>
				<div class="right">
					<a href="">登录</a>
					<a href="">注册</a> |
					<a href="" class="gray">我的订单</a> |
					<a href="" class="gray">帮助中心</a>
				</div>
			</div>
		</div>

		<div class="headmid">
			<div class="logo">
				<img src="images/logo.png">
			</div>
			<div class="search">
				<div class="seart">
					<form>
						<input value="" type="text" class="searinp" placeholder="请输入关键词">
						<div id="search_tips" style="display:none;"></div>
						<input type="submit" id="destoon_search_sub" class="searbtn" value="搜 索">
					</form>
				</div>
				<div class="searb">热门搜索：
					<a href="">阿维菌素</a>
					<a href="">草甘膦</a> 
					<a href="">吡虫啉</a> 
					<a href="">毒死蜱</a> 
					<a href="">多菌灵</a>
				</div>
			</div>
			<div class="head_edit">
				<ul>
					<li>
						<a href="">
							<img src="images/h_icon_mine.png" class="icon_fl">个人中心<img src="images/h_icon_triangle.png"><em>|</em>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/h_icon_gwc.png" class="icon_fl">我的购物车
						</a>
					</li>
				</ul>
			</div>
		</div>
	</header>

	<nav>
		<div class="nav">
			<div class="navbox">
				<div class="navlef">
					<h3 class="navlef_bt">全部农药分类</h3>
				</div>
				<div class="navright">
					<ul>
						<li><a href="">首页</a></li>
						<li><a href="">资讯</a></li>
						<li class="active"><a href="">产品库</a></li>
						<li><a href="">交易</a></li>
						<li><a href="">病虫害</a></li>
						<li><a href="">公司库</a></li>
						<li><a href="">展会</a></li>
						<li><a href="">农医问药</a></li>
						<li><a href="">农药中毒</a></li>
						<li><a href="">企业入驻</a></li>
					</ul>
				</div>
			</div>
		</div>
	</nav>

	<section>
		<div class="wit pay clearfix">
			<div class="pay_logo">
                <a href="" class="link1" target="_blank"><img src="images/pay_icon_js.png"></a>
                <a href="" class="link2"><b></b>"结算页"</a>
    		</div>
    		<div class="stepflex">
		        <img src="images/pay_icon_lc.png">
		    </div>
		</div>
		<form>
		<div class="container">
			<div class="wit">
				<div class="checkout_tit">
                	<span class="tit_txt">填写并核对订单信息</span>
                </div>
                <div class="checkout_steps clearfix">
                	<div class="step_tit">
                        <h3>收货人信息</h3>
                        <div class="extra_r">
                            <a href="" class="ftx_05" onclick="">新增收货地址</a>
                            <input type="hidden" value="0">
                        </div>
                    </div>
                    <div class="step_cont">
	                    <div class="consignee_scrollbar">
							<div class="consignee_scroll">
								<div class="consignee_cont" id="consignee1">
									<ul id="consignee_list">
										<li class="ui_switchable_panel" style="display: list_item;">
											<div class="consignee_item item_selected">
												<span>李先生</span>
												<b></b>
											</div>
											<div class="addr_detail">
												<span class="addr_name">李先生</span>
												<span class="addr_info">河南 郑州市 金水区 世玺中心2408</span>
												<span class="addr_tel">186****5641</span>
											</div>
											<div class="op_btns">
												<a href="" class="ftx_05 edit_consignee">修改</a>
												<a href="" class="ftx_05 del_consignee">删除</a>
											</div>
										</li>
										<li class="ui_switchable_panel ui_switchable_panel_selected" style="display: list_item;">
											<div class="consignee_item" id="consignee_index_div_138429080">		
												<span>李先生</span><b></b>
											</div>
											<div class="addr_detail">
						 						<span class="addr_name">李先生</span>
				 								<span class="addr_info">河南 郑州市 金水区 世玺中心24楼2409户</span>
				 								<span class="addr_tel">186****5641</span>
											</div>
											<div class="op_btns">	
												<a href="" class="ftx_05 edit_consignee">编辑</a>
												<a href="" class="ftx_05 del_consignee">删除</a>
											</div>
										</li>
						                <p class="consignee_ts">*注释：收货地址只能具体到县区，请确认您的收货信息，如有错误请点击【修改收货信息】，待核对无误后在进行下一步
						                </p>
									</ul>
				                </div>
			                </div>
	                    </div>
                    </div>
                    <div class="hr"></div>
                    <div class="step_tit">
                        <h3>优惠券<span>* 选择列表中的优惠券即可抵扣指定金额！<i>查看优惠券的试用说明及抵扣金额</i></span></h3>
                    </div>
                    <div class="step_tit">
                        <h3>选择优惠券</h3>
                        <select class="drop_down">
                        	<option>EVADASDASD-余额1000.0</option>
                        	<option>EVADASDASD-余额2000.0</option>
                        	<option>EVADASDASD-余额3000.0</option>
                        </select>
                    </div>
                    <p class="consignee_ts">温馨提示：选择使用优惠券后，下一步系统将从劵内余额种扣除优惠金额，且不可恢复，请确定此订单是否使用优惠券</p>
                    <div class="hr"></div>
                    <div class="step_tit">
                        <h3>支付方式</h3>
                    </div>
                    <div class="paymethod">
                    	<div class="balance">余额支付<span>余额:<b>￥100.00</b></span><i>*如果账户金额足够时,可以余额全部支付。当订单金额大于余额金额时，可选用余额+其他支付方式支付</i>
                    	</div>
                    	<div class="pay_balance">支付余额：<input type="text" name="" placeholder="请输入支付余额" class="text"></div>
                    </div>
                    <div class="hr"></div>
                    <div class="paymethod clearfix">
                    	<div class="balance">在线支付
	                    	<i>*【支付宝】与【财付通】均支持网银在线支付。【银联在线支付】需开通网银才可支付。【快捷支付】无需开通网银，只需银行卡号即可支付。
	                    	</i>
                    	</div>
                    	<ul>
                    		<li>
                    			<div class="consignee_item item_selected">
									<span><img src="images/pay_icon_zfb.png"></span>
									<b></b>
								</div>
								<p>支付宝</p>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/pay_icon_wx.png"></span>
									<b></b>
								</div>
								<p>微信</p>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/pay_icon_cft.png"></span>
									<b></b>
								</div>
								<p>财付通</p>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/pay_icon_zgyl.png"></span>
									<b></b>
								</div>
								<p>中国银联</p>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/pay_icon_kjf.png"></span>
									<b></b>
								</div>
								<p>快捷支付</p>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/pay_icon_xxzf.png"></span>
									<b></b>
								</div>
								<p>线下支付</p>
                    		</li>
                    	</ul>
                    </div>
                    <div class="online_pay clearfix">
                    	<div class="balance">银行转账
	                    	<i>* 特别注意：打完款后请拨打查询电话 0371-60989227</i>
                    	</div>
                    	<ul>
                    		<li>
                    			<div class="consignee_item item_selected">
									<span><img src="images/yh_icon_nyyh.png"></span>
									<b></b>
								</div>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/yh_icon_yz.png"></span>
									<b></b>
								</div>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/yh_icon_jsyh.png"></span>
									<b></b>
								</div>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/yh_icon_gsyh.png"></span>
									<b></b>
								</div>
                    		</li>
                    		<li>
                    			<div class="consignee_item">
									<span><img src="images/yh_icon_xys.png"></span>
									<b></b>
								</div>
                    		</li>
                    	</ul>
                    </div>
                    <div class="hr"></div>
                    <div class="step_tit">
                        <h3>购物清单</h3>
                    </div>
                    <div class="shopping_list clearfix">
                    	<img src="images/pic_shopcar_img.png">
                    	<div class="shopping_cont">
                    		<h3>【编号85413】有机硅（蓝白瓶）石家庄市久农丰化工科技有限公司强渗透、速扩展、防雨淋、增药效 </h3>
                    		<p>生产厂家：山东潍坊固信农化有限公司<i>产品类型：叶面肥农药</i></p>
                    		<p>登记证：农肥（2008）准字1118号产品<i>标准证：NY1428-2010有效成分：硼、镁、钙、铁、锌<i></p>
                    	</div>
                    	<div class="shopping_price">
                    		产品价格： ￥90元<span>数量： 3</span>总金额：<i>￥270元</i>
                    	</div>
                    </div>
                    <div class="order_summary clearfix">
                    	<div class="statistic">
                    		<div class="list">
		                        <span><em>3</em> 件商品，总商品金额：</span>
		                        <em class="price">￥270.00</em>
		                    </div>
		                    <div class="list">
		                        <span>余额支付：</span>
		                        <em class="price">-￥100.00</em>
		                    </div>
		                    <div class="list">
		                        <span>优惠金额：</span>
		                        <em class="price">-￥20.00</em>
		                    </div>
                    	</div>
                    </div>
                    <div class="trade_foot">
                    	<div class="fc_price_info">
							<span class="price_tit">应付总额：</span>
							<span class="price_num">￥289.00</span>
		                </div>
		                <div class="fc_consignee_info">
							<span class="mr20">寄送至： 河南 郑州市 金水区   世玺中心2408</span>
							<span>收货人：李先生 186****5641</span>
		                </div>
                    </div>
                    <div class="order_btn"><input type="submit" name="" value="提交订单" class="btn_submit"></div>
                </div>
			</div>
		</div>
		</form>
		
	</section>

	<footer>
		<div class="footer">
			<div class="foot_top">
				<div class="foot_top_cont">
					<ul>
						<li>
							<img alt="超保障" src="images/foot_icon_cbz.png">
							<p class="text">超保障</p>
						</li>
						<li> 
							<img alt="三证齐全" src="images/foot_icon_szqq.png">
							<p class="text">三证齐全</p>
						</li>
						<li> 
							<img alt="三证齐全" src="images/foot_icon_zfx.png">
							<p class="text">最放心</p>
						</li>
						<li> 
							<img alt="三证齐全" src="images/foot_icon_kjf.png" >
							<p class="text">快捷付</p>
						</li>
					</ul>
				</div>
				
			</div>
			<div class="foot_center">
				<ul>
					<li> 
						<h4>基本信息</h4>
						<p class="text"><a href="">关于我们</a></p>
						<p class="text"><a href="">联系我们</a></p>
						<p class="text"><a href="">隐私声明</a></p>
						<p class="text"><a href="">招聘信息</a></p>
						<p class="text"><a href="">法律声明</a></p>
					</li>
					<li> 
						<h4>常见问题</h4>
						<p class="text"><a href="">新用户注册</a></p>
						<p class="text"><a href="">常见问题</a></p>
						<p class="text"><a href="">会员服务</a></p>
						<p class="text"><a href="">服务条款</a></p>
					</li>
					<li> 
						<h4>物流配送</h4>
						<p class="text"><a href="">关于配送</a></p>
						<p class="text"><a href="">退货条款</a></p>
						<p class="text"><a href="">物流查询</a></p>
					</li>
					<li> 
						<h4>如何购买</h4>
						<p class="text"><a href="">购买流程</a></p>
						<p class="text"><a href="">关于付款</a></p>
						<p class="text"><a href="">退货流程</a></p>
						<p class="text"><a href="">退货单</a></p>
					</li>
					<li> 
						<h4>官方微信</h4>
						<img src="images/QR_code.png">
					</li>
				</ul>
			</div>
			<div class="footbot">
				<div class="foottxt">
					<p>农药产品是为粮食的增产丰收服务的,网站和各大企业共同声明：不销售任何产品予农作物丰收无帮助的人士，购买前请确定自己是以为粮食丰收做贡献为目的的。</p>
					<p>法律顾问：河南英泰律师事务所&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;网站备案号：豫ICP备11024324号-1<br>
					全国咨询热线：400-6076-152&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;客服热线：0371-60989227<br>
					Copyright2009-2015 nongyao001.com All Right Reserved<br>        
					中国农药第一网版权所有  未经许可 不得转载
					</p>
				</div>
				<div class="footpic">
					<a href=""><img src="images/80.gif"></a>
					<a href=""><img src="images/bottom_large_img.png"></a>
					<a href=""><img src="images/sm.png"></a>
					<a href=""><img src="images/icyyzz.jpg"></a>
					<a href=""><img src="images/icp2.jpg"></a>
					<a href=""><img src="images/icpzs.jpg"></a>
				</div>
			</div>
		</div>
	</footer>





</body>
</html>